<template>
    <div>
    <MyHeader>
        <span class="iconfont icon-ziyuan"></span>
    </MyHeader>
    <MyLogo />
    <MyNav />
    </div>
    
    <MyTabbar />
    <MyContent/>
</template>

<script>
import MyHeader from './components/MyHeader.vue';
import MyLogo from './components/MyLogo.vue';
import MyNav from './components/MyNav.vue';
import MyTabbar from './components/MyTabbar.vue';
import MyContent from "./components/MyContent.vue";
export default{
    components:{
        MyHeader,
        MyLogo,
        MyNav,
        MyTabbar,
        MyContent,
    },
};
</script>

<style lang="less" scoped>
    // @import '../../assets/css/var.less';
    .top{
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
    }
    .iconfont{
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: @xl-font;
    }    
    .body{
        position: fixed;
        top:156px;
        bottom:50px;
        left: 0;
        right: 0;
        overflow: auto;
    }
</style>